<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>vue中的列表渲染</title>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<!-- <template v-for="(item,index) of list" :key="item.id">
				<div>
					{{item.text}} --- {{index}}
				</div>
				<span>
					{{item.text}}
				</span>
			</template>		 -->
			<div v-for="(item,key) of userInfo">
				{{item}} --- {{key}}
			</div>
		</div>
		<script type="text/javascript">
		//push pop shift unshift splice sorty reverse
			var vm = new Vue({
				el:'#app',
				data:{
					/* list:[
						{
						id : "201",
						text : "hello"},
						{
						id : "202",
						text : "World"},				
					] */
					userInfo:{
						name : 'Dell',
						age : 28,
						gender : 'male',
						salary : 'secret'
					}
				}
			});
		</script>
	</body>
</html>
